<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/ui.jqgrid.css">
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/pepper-grinder/jquery-ui-1.10.3.custom.css">
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/styles.css"/>
	
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jqgrid/jquery.jqGrid.min.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jqgrid/grid.locale-es.js"></script>
</head>
<?php
	require 'web/pages/commons/header.php';
	?>
	
<body>
	<script>
   	
	function controlarContrasenia(){
		var contr = $("#contrasenia").val();
		var contrRep = $("#contraseniaReingreso").val();
		if(contr == contrRep){
			document.forms["actualizarDatos"].submit();
		}else{
			alert("Las contraseñas ingresadas no coinciden");
		}
	}
	
    jQuery(document).ready(function () {
    	 // MENSAJES
		$(".message").click(function () {
	 		$(this).fadeOut();
	 	});
    });
	</script>
	<div>
	<?php if(isset($response)) : ?>	
	<div class="message green" id="msjSUCCESSUsuario"  style="width: 900px; margin-left: 45px;margin-top: 10px;height: 40px;">
		<span><?php echo 'SUCCESS: '.$response?></span>
 	</div>
 	<?php endif; ?>	
	<form style="width: 460px; margin-left: 25px; margin-top: 10px;" class="colDer" action="../usuario/guardar" name="actualizarDatos" method="post">
	<div style="width: 460px;">
		<div class="titulo" style="width: 450px;">
			<b style="font-size: 18px">Datos</b>
		</div>	
		<div class="linea">
			<b style="margin-right: 65px;">Contraseña nueva</b>
			<input type="text" name="contrasenia" id="contrasenia" maxlength="20" style="width: 180px;" required="true"/>	
		</div>
		<div class="linea">
			<b>Confirmar contraseña</b>
			<input type="text" name="contraseniaReingreso" id="contraseniaReingreso" maxlength="20" style="width: 180px;" required="true"/>	
		</div>
	</div>
	<div style="margin-top: 10px">
		<button style="float: right; margin-right: 45px;" type="button" onclick="controlarContrasenia()">Actualizar contrasenia</button>
		<button style="float: right; margin-right: 20px;" type="button" onclick="window.history.back()">Volver</button>	
	</div>
	</form>
</body>
</html>